<template>
  <div class="contarner-page" @click.stop="showLanguageHandel">
    <page-header ref="languageRef"></page-header>
    <main>
      <div class="container">
        <h1>Contact</h1>
        <div class="title fw700 f-21">
          Savinginsta: Your Go-To Free Tool for Easy Instagram Video and Photo
          Downloads.
        </div>
        <p class="f-16">
          Savinginsta offers a user-friendly, free service for downloading
          Instagram videos effortlessly. With the Instagram Photo Downloader
          feature from Savinginsta, you can seamlessly save any photo or photo
          collage directly from Instagram.
        </p>
        <p class="f-16">
          We are dedicated to assisting you with any queries or concerns you
          might have. Feel free to contact us, and we promise to get back to you
          promptly. Meanwhile, we encourage you to review our
          <a class="c-blue" href="/terms-of-service">terms of service</a>
          for more information.
        </p>
      </div>
    </main>
    <footer>
      <div class="container">
        <div class="footer-content">
          <div class="footer-link">
            <div class="row flex_between">
              <div class="col-12">
                <div class="link-label fw700 c-000 f-21">Tools</div>
                <ul class="list-unstyled c-ccc f-16">
                  <li>
                    <nuxt-link to="/instagram-story-download" 
                      >Instagram Story Downloader</nuxt-link
                    >
                  </li>
                  <li>
                    <nuxt-link to="/instagram-reels-video-download" 
                      >Instagram Reels Downloader</nuxt-link
                    >
                  </li>
                  <li>
                    <a href="https://savingtik.com/" target="_blank"
                      >Tiktok Downloader</a
                    >
                  </li>
                </ul>
              </div>
              <div class="col-6">
                <div class="link-label fw700 c-000 f-21">Support</div>
                <ul class="list-unstyled c-ccc f-16">
                  <li>
                    <nuxt-link to="/contact"> Contact </nuxt-link>
                  </li>
                  <li>
                    <nuxt-link to="/blog"> Blog </nuxt-link>
                  </li>
                </ul>
              </div>
              <div class="col-6">
                <div class="link-label fw700 c-000 f-21">Legal</div>
                <ul class="list-unstyled c-ccc f-16">
                  <li>
                    <nuxt-link to="/terms-of-service">
                      Terms of Service
                    </nuxt-link>
                  </li>
                  <li>
                    <nuxt-link to="/privacy-policy"> Privacy Policy </nuxt-link>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="copyright flex_ccenter">
            <b class="fw700 f-21 c-000"
              >We are not affiliated with Instagram or Meta</b
            >
            <div class="c-ccc f-16">
                © {{new Date().getFullYear()}} Insta Downloader All rights reserved. 
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>
        
        <script>
import { mapState, mapGetters, mapMutations } from "vuex";
import pageHeader from "~/components/page-header.vue";
export default {
  components: { pageHeader },
  head: {
    htmlAttrs: {
      lang: "en",
    },
    bodyAttrs: {
      "data-lang": "en",
    },
    title:
      "Contact - Savinginsta",
    meta: [
      { property: "og:locale", content: "en" },

      //Page Information
      {
        name: "description",
        content:
          "Contact us - Savinginsta.com, We are here to answer any questions or inquiries that you may have.",
      },
      //Schema.org Microdata
      {
        itemprop: "name",
        content:
          "Contact - Savinginsta",
      },
      // Facebook / OpenGraph
      {
        property: "og:title",
        content:
          "Contact - Savinginsta",
      },
      { property: "og:type", content: "website" },
      {
        property: "og:url",
        content: "https://savinginsta.com/contact",
      },

      {
        property: "og:description",
        content:
          "Contact us - Savinginsta.com, We are here to answer any questions or inquiries that you may have.",
      },
      //Twitter
      { name: "twitter:card", content: "summary" },
      {
        name: "twitter:url",
        content: "https://savinginsta.com/contact",
      },
      {
        name: "twitter:title",
        content:
          "Contact - Savinginsta",
      },
      {
        name: "twitter:description",
        content:
          "Contact us - Savinginsta.com, We are here to answer any questions or inquiries that you may have.",
      },
      //multilingual
      {
        name: "google",
        content: "notranslate",
      },
    ],
    link: [
      {
        rel: "canonical",
        href: "https://savinginsta.com/contact",
      },
    ],
  },
  data() {
    return {};
  },
  computed: {
    ...mapGetters(["language"]),
  },
  mounted() {},
  methods: {
    showLanguageHandel() {
      this.$refs.languageRef.close();
    },
  },
};
</script>
<style lang="scss" scoped>
input::-webkit-calendar-picker-indicator {
  display: none !important;
}
main {
  h1 {
    margin: 30px 0;
  }
  .title {
    margin-bottom: 10px;
  }
  p {
    margin-bottom: 10px;
    line-height: 24px;
  }
  a {
    text-decoration: underline;
  }
}
footer {
  background-color: #f7f6f9;
  .footer-content {
    padding: 50px 0 30px;
    .row {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;

      .col-12 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-6 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .list-unstyled {
        margin-top: 20px;
        list-style: none;
        li {
          margin-bottom: 20px;
        }
        li:hover{
            color: #6F69E7;
          }
      }
    }
    .copyright {
      margin-top: 40px;
      div {
        margin-top: 8px;
      }
    }
  }
}
// 宽度小于768
@media (max-width: 768px) {
  h1 {
    font-size: 28px;
  }
  .container {
    padding: 0 14px;
  }

  footer {
    background-color: #f7f6f9;
    .footer-content {
      padding: 50px 0 30px;
      .row {
        display: flex;
        flex-wrap: wrap;
        .col-12 {
          flex: 0 0 auto;
          width: 100%;
        }
        .col-6 {
          flex: 0 0 auto;
          width: 50%;
        }
        .list-unstyled {
          margin-top: 20px;
          list-style: none;
          li {
            margin-bottom: 20px;
          }
        }
      }
      .copyright {
        margin-top: 40px;
        b {
          font-size: 14px !important;
        }
        div {
          margin-top: 8px;
          font-size: 14px !important;
        }
      }
    }
  }
}
</style>
        